header {
    width:100%;
    background-color:gray;
    height:80px;
    position: relative;
    margin-bottom: 30px;
}
header h1 {
    text-align: center;
    font-size:30px;
    line-height: 80px;
}
header a{
    position: absolute;
    right: 20px;
    top:20px;
    color:blue;
    border: 1px solid greenyellow;
    padding:10px;
}
.content {
    width:1180px;
    margin:0 auto;
}
.content .goods {
    width:200px;
    height:354px;
    float: left;
    padding:10px;
    margin:0 10px;
    border: 1px solid white;
    margin-bottom: 20px;
}
.content .goods:hover {
    border: 1px solid red;
}
.goods img {
    width:178px;
    height:178px;
}
.goods p {
    font-size:22px;
    color:red;
    margin-bottom: 10px;
}
.goods h3 {
    font-size: 12px;
    color: #666;
}
.goods span {
    font-size: 12px;
    color:greenyellow;
}
.goods div {
    text-align: center;
    color:red;
    margin-top:20px;
    padding:6px 12px;
    border: 1px solid #ccc;
    cursor: pointer;
}
.goods div:hover{
    border: 1px solid red;
}